<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>



<!-- 文档地址 https://zijieke.com/semantic-ui/modules/modal.php -->
<button class="ui blue basic button">提示窗</button>
<div class="ui modal">
	<i class="close icon"></i>
	<div class="header">标题</div>
	<div class="content">
		<p>这是提示框</p>
		<p></p>
		<p></p>
	</div>
</div>

<script type="text/javascript">
	var btn =$(".button.basic");
	btn.click(function(){
		//初始化折叠菜单
		$('.ui.modal')
		.modal('show')
		;
	});
	//为了展示，先触发一次点击事件
	btn.click();
</script>